<template>
  <div class="share">
    <div class="shareBtn ccenter" @click.stop="share" v-preventReClick>
      <nut-image :src="getAssetsFile('home/shareIcon.png')" fit="contain" />
      <p>分享</p>
    </div>
  </div>
</template>

<script setup lang="ts">
import { getAssetsFile } from "@/utils/pub-use";
const emits = defineEmits(["myShare"]);
const share = () => {
  emits("myShare");
};
</script>

<style lang="scss" scoped>
.share {
  .shareBtn {
    width: 114px;
    height: 50px;
    border-radius: 27px;
    border: 1px solid #59c050;
    :deep(img) {
      width: 30px;
      height: 20px;
    }
    p {
      margin-left: 8px;
      font-weight: 400;
      color: #40ae36;
      font-size: 24px;
    }
  }
}
</style>
